<!-- 指标修改，指标复核-修改，提交，保存并提交，撤销，复核，返回-提醒人 -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button (click)="closeRemind()" type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">接受提醒者列表</h4>
    </div>

    <div class="modal-body">
      <div class="row">
        <div class="col-xs-12">
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs" style="border-bottom-width: 0px;">
              <li class="active">
                <a href="#tab_user" data-toggle="tab">用户列表</a>
              </li>
              <li>
                <a href="#tab_group" data-toggle="tab">群组信息</a>
              </li>
            </ul>
            <div class="tab-content" style="padding-left:0;padding-right:0;">
              <div class="tab-pane active" id="tab_user">
                <form class="form-inline">
                  <div class="box box-default">
                    <div class="form-group" style="padding-left:10px;margin-bottom:10px !important;">
                      <label class="control-label">用户名：</label>
                      <input type="text" class="form-control" [(ngModel)]="getUserBody.sRealname" name="sRealname" placeholder="用户名">
                      <label class="control-label">部门名：</label>
                      <input type="text" class="form-control" [(ngModel)]="getUserBody.sDeptname" name="sDeptname" placeholder="部门名">
                      <label class="control-label">角色：</label>
                      <select class="form-control" [(ngModel)]="getUserBody.sRolename" name="sRolename" id="roleSelect"></select>
                      <button type="button" class="btn btn-primary" (click)="userlist()" style="margin-left:10px;">
                          <i class="fa fa-search"></i>查询</button>
                    </div>
                  </div>
                </form>

                <div class="box-body" style="padding-left:0px;padding-right:0px;">
                  <div style="overflow-x:scroll;width:100%;overflow-y:scroll;max-height:400px;">
                    <table class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
                      <thead>
                        <tr>
                          <th class="width-5">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="userCheckedAll" [(ngModel)]="userCheckedAll" (ngModelChange)="checkedAll(userList,userCheckedAll)">
                              <label></label>
                            </div>
                          </th>
                          <th class="width-15">所属部门</th>
                          <th class="width-20">用户名</th>
                          <th class="width-20">联系电话</th>
                          <th class="width-20">邮件地址</th>
                          <th class="width-20">角色名称</th>
                        </tr>
                      </thead>
                      <tbody style="overflow-y:scroll;">
                        <tr *ngFor="let item of userList;">
                          <td>
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(userList,'userCheckedAll')">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td class="short_name" [attr.title]="item.sDeptname">{{item.sDeptname}}</td>
                          <td class="short_name" [attr.title]="item.sRealname">{{item.sRealname}}</td>
                          <td class="short_name" [attr.title]="item.sMobile">{{item.sMobile}}</td>
                          <td class="short_name" [attr.title]="item.sEmail">{{item.sEmail}}</td>
                          <td class="short_name" [attr.title]="item.sRolename">{{item.sRolename}}</td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>

              <div class="tab-pane" id="tab_group">
                <div class="box-body" style="padding:0;">
                  <div style="overflow-x:scroll;width:100%;overflow-y:scroll;height:350px;">
                    <table class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
                      <thead>
                        <tr>
                          <th class="width-5">
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="userCheckedAll" [(ngModel)]="groupCheckedAll" (ngModelChange)="checkedAll(groupList,groupCheckedAll)">
                              <label></label>
                            </div>
                          </th>
                          <th class="width-20">群组名称</th>
                          <th class="width-25">群组描述</th>
                          <th class="width-25">创建人</th>
                          <th class="width-25">是否共享</th>
                        </tr>
                      </thead>
                      <tbody style="overflow-y:scroll;">
                        <tr *ngFor="let item of groupList;">
                          <td>
                            <div class="checkbox checkbox-primary">
                              <input type="checkbox" id="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll(groupList,'groupCheckedAll')">
                              <label>
                              </label>
                            </div>
                          </td>
                          <td class="short_name" [attr.title]="item.sGroupName">{{item.sGroupName}}</td>
                          <td class="short_name" [attr.title]="item.sGroupDesc">{{item.sGroupDesc}}</td>
                          <td class="short_name" [attr.title]="item.sCreator">{{item.sCreator}}</td>
                          <td class="short_name">
                            <span *ngIf="item.sShareFlag==1">是</span>
                            <span *ngIf="item.sShareFlag==0">否</span>
                          </td>

                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="modal-footer">
      <button class="btn btn-primary pull-right" (click)="saveData()">保存</button>
      <button class="btn btn-default pull-left" (click)="closeRemind()">关闭</button>
    </div>
  </div>
</div>